<%--
  Created by IntelliJ IDEA.
  User: 我的大名叫陆健伟
  Date: 2016/2/19
  Time: 9:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=utf-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>堵路移车</title>
    <link rel="stylesheet" href="<c:url value='/resource/wechat/css/frozen.css'></c:url>">
    <link rel="stylesheet" href="<c:url value='/resource/wechat/css/main.css'></c:url>">

</head>

<body class="bg_fff" ontouchstart>
<section class="ui-container">
    <div class="dlyc_main">
        <div class="row2">
            <div>
                <span>辽</span>
                <input type="text" id="" placeholder="请输入堵路车牌" class="input_text" />
            </div>
            <div style="position: relative;">
                <a href="#" class="select_text">
                    小型汽车(蓝牌车)
                </a>
                <ul class="select_main">
                    <li>汽车1</li>
                    <li>汽车2</li>
                    <li>汽车3</li>
                    <li>汽车4</li>
                    <li>汽车5</li>
                </ul>
            </div>
        </div>
        <div class="row1">
            <input type="text" id="" placeholder="请输入手机号码" value="" />
        </div>
        <div class="row1">
            <input type="text" id="" placeholder="请输入身份证号" value="" />
        </div>
        <div class="row1">
            <input type="text" id="" placeholder="" value="江苏省苏州市姑苏区西百花巷16号" readonly="readonly" />
        </div>
        <div class="text_img">
            <div class="text_img_lf"> <img src="<c:url value='/resource/images/weixin/dlyc_img.png'/> " /> </div>
            <div class="text_img_rt">
                <div class="text_main">
                    <span class="font14">上传堵车车辆现场场景照</span>
                    <span class="font12">要求：照片要提现周围环境，过错（如占道停车等），车牌号清晰可见。</span>
                </div>
            </div>
        </div>
        <div class="row1 text_center text14" style="padding-bottom: 10px;">
            只支持大庆本地车主
        </div>
    </div>
    <div class="ui-btn-wrap">
        <button class="ui-btn-lg ui-btn-primary">
            提交
        </button>
    </div>
</section>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $(".select_text").click(function(){
            $(".select_main").slideToggle();
        });
        var selecttext = $('.select_text');
        var selectmain = $('.select_main');
        var lis=selectmain.find('li');
        for(var i=0;i<lis.length;i++)
        {
            lis[i].onclick=function(){
                var textval = $(this).html();
                selectmain.hide();
                selecttext.text(decodeURIComponent(textval));
            }
        }
    })
</script>
</html>
